
.header,.header img,.bigDown img,.downList, .downList , .downList_bg{width: 100%;}
.bigDown { width: 48.6%; display: block; top: 0; left: 50%; transform: translate(-50% ,0); -webkit-transform: translate(-50%, 0);}
.pList {top: 75px; width: 66%; left: 50%; margin-left: -33%; text-align: center; color: #fff0bd; font-size: 14px;}
.downListP span{display: inline-block; height: 1px; width: 6px;}
@media screen and (max-width: 320px) {
    .downListP{ font-size: 12px;}
    .pList  {top: 64px;}
}
.width_100{width: 100%;}
.commentList { position: absolute; padding: 0 10%; width: 100%; top: 0; left: 0;}
.commentList .listL { width: 15%;}
.commentList .listL img { display: block; width: 56%; margin: 10px auto; border-radius: 50%;}
.commentList .listR {width: 85%;}
.listR .boxTop p { color: #f4f4f4; padding-top: 10px; margin-right: 10px;}
.star,.zan { width: 10px; height: 10px; display: inline-block; background: url("/templates/images/kdsr02/star_03.png") no-repeat; background-size: 10px 10px; position: relative; top: 10px; margin-right: 1px;}
.zan { background: url("/templates/images/kdsr02/zan_03.png") no-repeat; background-size: 15px 15px; width: 15px; height: 15px; top: 3px; margin-right: 7px;}
.boxBtm { color: #f4f4f4; padding-top: 5px; line-height: 16px; font-size: 12px;}
.comment {max-height: 537px; overflow: hidden;}
.commentList li { border-bottom: 1px solid #96958b; padding-bottom: 13px;}

.moreBtn {display: block; margin: 0 auto; width: 56%; padding-top: 25px;}
.moreBtn img {width: 100%;}
/* mask */
.mask {width: 100%; padding: 5px 7.3%; background-color:rgba(0,0,0,.6); min-height: 50px; position: fixed; top: 0; margin: 0 auto; z-index: 5; color: white; max-width: 640px; min-width: 320px;}
.headIcon {width: 40px; height: 40px; float: left; margin-right: 10px; }
.mask p { line-height: 20px;}
.flexBtn { width: 36%; display: block;}
.flexBtn img {width: 100%; max-width: 115px;}

@media screen and (max-width: 360px) and (min-width: 320px){
    .lastLi {display: none;}
}
.moreBtn {display: block; margin: 0 auto; width: 56%; padding-top: 25px;}
.moreBtn img {width: 100%;}
.foot { font-size: 12px; text-align: center; color:#f4f4f4; padding-top: 27px; padding-bottom: 10px;}
@media screen and (max-width: 414px)and (min-width: 380px) {
    .lastimg {display: none;}
}
@media screen and (max-width: 360px)and (min-width: 355px) {
    .lastimg {display: none;}
}
@media screen and (max-width: 1200px)and (min-width: 640px){
    .lastimg {display: none;}
}